<template>
  <!-- 项目实施 - 5进度报告 -->
  <div class="progress-report">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="未完成任务" name="0">
        <unfinished></unfinished>
      </el-tab-pane>
      <el-tab-pane label="已完成任务" name="1">
        <completed></completed>
      </el-tab-pane>
      <el-tab-pane label="工作日报" name="2">
        <dailyReport></dailyReport>
      </el-tab-pane>
      <el-tab-pane label="工作周报" name="3">
        <weeklyReport></weeklyReport>
      </el-tab-pane>
      <el-tab-pane label="工作月报" name="4">
        <monthlyReport></monthlyReport>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import unfinished from './components/progressReport/unfinished';
import completed from './components/progressReport/completed';
import dailyReport from './components/progressReport/dailyReport';
import weeklyReport from './components/progressReport/weeklyReport';
import monthlyReport from './components/progressReport/monthlyReport';

export default {
  name: "progressReport",
  components: {unfinished, completed, dailyReport, weeklyReport, monthlyReport},
  data() {
    return {
      activeName: '0'
    };
  },
  methods: {
    /**
     * @author Wrl
     * 切换 Tab
     */
    handleClick(tab, event) {
      
    }
  }
};
</script>
<style lang="scss" scoped>
  .progress-report {
    padding: 16px;
  }
</style>
